<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的购物车</title>
		<link rel="stylesheet" type="text/css" href="css/shop.css"/>
		<script type="text/javascript" src="js/jquery.js" charset="utf-8"></script>
		<script type="text/javascript" src="js/require.js" data-main="js/shopreq.js"></script>
		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!----------------------------------------页头-------------------------------------------------->
		<header>
			<div class="margin2">
				<ul class="header-l">
					<li class="dl-zc">
						<a href="javascript:void(0);">登录</a>
						<span>|</span>
						<a href="javascript:void(0);">注册</a>
					</li>
					<li class="person"><a href="javascript:void(0);">个人中心</a></li>
					
					<!--合作渠道-->
					<li class="hezuo">
						<div class="bt">
							<a href="javascript:void(0);">合作渠道<i class="fonticon fonticon-arrow-down"></i></a>
							<i></i>
						</div>
						<ul class="hz-menu">
                            <li><a target="_blank" href="javascript:void(0);">大客户通道</a></li>
                            <li><a target="_blank" href="javascript:void(0);" >LePar</a></li>
                            <li><a target="_blank" href="javascript:void(0);">销售联盟</a></li>
                        </ul>
					</li>
					
					<!--帮助中心-->
					<li class="help">
                        <div class="bt"><a href="javascript:void(0);" target="_blank">帮助中心<i class="fonticon fonticon-arrow-down"></i></a></div>
                        <div class="help-menu">
                            <ul>
                                <li><a target="_blank" href="javascript:void(0);">配送安装</a></li>
                                <li><a target="_blank" href="javascript:void(0);">售后服务</a></li>
                                <li><a target="_blank" href="javascript:void(0);">运费标准</a></li>
                                <li><a target="_blank" href="javascript:void(0);">联系客服</a></li>
                            </ul>
                        </div>
                    </li>
                    
                    <!--手机版切换-->
                    <li class="phone">
                        <div class="bt"><a href="javascript:void(0);" target="_blank">手机版<i class="fonticon fonticon-arrow-down"></i></a></div>
                        <div class="ph-menu">
                            <ul>
                                <li>
                                  <div class="pic"><img alt="" src="https://img1-lemall.letvimg.com/file/20160905/default/12540050008480802" style=""></div>
                                    <div class="text">扫码下载App</div>
                                </li>
                                <li>
                                    <div class="pic"><img alt="" src="https://img3-lemall.letvimg.com/file/20160905/default/12540104990856432" style=""></div>
                                    <div class="text">扫码访问微商城</div>
                                </li>
                            </ul>
                        </div>
                    </li>
				</ul>
			</div>
		</header>
		
		<!-------------------------------------此部分包含logo----------------------------------------------------->
		<div id="logo" >
			<div class="margin1 clear">
				<a href="/index.html" class="logo"></a>
				<div class="shoptxt">我的购物车</div>
				<ul class="step over">
					<li>
						<div class="line s1 cur"></div>
						<div class="n cur">1</div>
						<div class="text">我的购物车</div>
					</li>
					<li>
						<div class="line s2"></div>
						<div class="n">2</div>
						<div class="text">填写核对订单信息</div>
					</li>
					<li>
						<div class="line s3"></div>
						<div class="n">3</div>
						<div class="text">成功提交订单</div>
					</li>
				</ul>
				
				
			</div>
		</div>
		
		<!----------------------------------无  商  品   添  加   显  示  的  购   物   车  状  态--------------------------------->
		<div id="shopa" class="margin1" >
			<div class="cart">
				<img src="//img1-lemall.letvimg.com/file/20140828/default/45603796719241728" class="img">
				 <!---登录状态无商品--->
				<div class="info1 msg">
					<span class="txt">你的购物车还是空的！ <br>赶紧行动吧！</span>
					<a href="/index.html" class="btn"><span class="shopnow">马上去购物</span></a>
				</div>
				
				<!---未登录状态无商品--->
				 <div class="info2 msg">
					 <span class="txt">你的购物车还是空的！<br>
						 <a href="javascript:void(0);">
						 	<span class="dl"> 登录 </span>
						 </a>赶紧行动吧！
					 </span>
					<a href="/index.html" class="btn"><span class="shopnow">马上去购物</span></a>
				</div>			
			</div>
			
		</div>
		
		<!----------------------------------添  加  商  品  后  的  购   物   车  状  态--------------------------------->
		<div id="shopb" class="margin1">
			<!--购物车标题 商品数量 和 配送地址-->
			<div class="title">
				<h4>全部商品<a href="javascript:void(0);" class="num">1</a></h4>
				<div class="address">
					<span>配送至</span>
					<a href="javascript:void(0);">北京北京市朝阳区</a>
				</div>
			</div>
			<!--当前所选商品的详细信息-->
			<div class="pdtinfo over">
				<div class="all">
				 	<input type="checkbox" class="seall checkall">
					<span>全选</span>
				</div>
				<div class="content"><span>商品</span></div>
				<div class="price"><span>单价（元）</span></div>
				<div class="number"><span>数量</span></div>
				<div class="cost"><span>小计（元）</span></div>
				<div class="action"><span>操作</span></div>
			</div>
			
			<!--已加入购物车的商品列表-->
			<ul class="list">
				<li class="prdt clear" style="display: none;">
					<!-- /* 复选框 开始 */ -->
					<div class="selected over">
				    	<input name="checkbox" type="checkbox" class="checkbox checkall">
					</div>
					<!-- /* 复选框 结束 */ -->
					<!-- /* 商品信息 开始 */ -->
					<div class="detail">
						<!-- /* 商品图片 */ -->
						<div class="tupian over">
							<a href="javascript:void(0);" target="_blank" >
								<img src="https://img3-lemall.letvimg.com/le-cloud/s-pc/resource/img/201706/1496745774481.jpg" sid="">
							</a>	
						</div>
						<!-- /* 商品内容 */ -->
                        <!-- /* 商品内容 */ -->
						<div class="state over">
							<!-- /* 商品名称 */ -->
							<!--sProId直降促销id-->
							<span class="down over">直降</span>
							<a title="超能大白U盘" href="javascript:void(0);" class="nn" target="_blank">
								<span class="tt">超能大白U</span>
							</a>
                        </div>    
					</div>
					<!-- /* 商品信息 结束 */ -->
					
                    <!-- /* 商品价格 开始 */ -->
					<div class="price over"><span>￥99</span></div>
					<!-- /* 商品价格 结束 */ -->
					
					<!-- /* 商品数量及商品状态 开始 */ -->
					<div class="liang">
						<!-- /* 数量 */ -->
							
						<div class="cal over">
							<div class="jian resty" min="1" max="5" ><span>-</span></div>
							<input type="text" class="shuliang" value="1" count="1">
							<div class="jia resty" min="1" max="5" ><spang>+</span></div>
						</div>
						<!-- /* 有货、无货失效状态 */ -->
						<div class="type over" ><span>有货</span></div>
						
					</div>
					<!-- /* 商品数量及商品状态 结束 */ -->
					<!-- /* 商品总价 开始 */ -->
					<div class="cost">
						<div class="total over"><span class="tta">￥99</span></div>
					</div>
					<!-- /* 商品总价 结束 */ -->
					<!-- /* 操作按钮 开始 */ -->
					<div class="removebtn">
						<a href="javascript:void(0);" class="remove">
							<span>删除</span>
						</a>
					</div>
					<!-- /* 操作按钮 结束 */ -->   
				</li>
				
				
				
				
			</ul>
			
		</div>
		
		
		<!----------------------------------------总     结     算     栏---------------------------------------->
		<div id="shopcal">
			<div class="margin1">
				<div class="left over">
					<input type="checkbox" class="seall checkall"  ><span>全选</span>
					<a href="javascript:void(0);" class="remove-se">删除选中的所有商品</a>
					<a href="index.html">继续购物</a>
				</div>
				<div class="right over">
					<span class="total-num over">已选择 <em class="num">1</em> 件商品  总计（不含运费）： </span>
					<span class="all-total"><font>￥</font><em>0</em></span>
					<a class="jiesuan">去结算</a>
				</div>
			</div>
		</div>
		
		
		
		
		<!-------------------------------------随     机     商      品    栏     目----------------------------------->
		<div id="like" class="margin1">
			<div class="title over">
				<span>猜你喜欢</span><a href="javascript:void(0);" class="change">换一批</a>
			</div>
			<ul class="goods over">
				<!--随机商品添加处--> 
			</ul>
		</div>
		<script type="text/javascript">
			
		</script>
		
		
		
		
		<!------------------------------------------页脚部分分隔------------------------------------------->
		<!--服务介绍     开始-->
		<div id="footer-service" class="margin2">
			<ul>
				<li><i class="p1 p"></i>正品保障</li>
				<li><a href="javascript:void(0);"><i class="p2 p"></i>7天无理由退货</a></li>
				<li><a href="javascript:void(0);"><i class="p3 p"></i>满150包邮</a></li>
				<li><a href="javascript:void(0);"><i class="p4 p"></i>售后服务网点</a></li>
			</ul>
		</div>
		<!--服务介绍     结束-->
		<!--页脚      开始-->
		<div id="footer">
			<div class="margin2">
				<div class="sort">
					<div class="l">
						<dl>
							<dt>生态分类</dt>
							<dd><a href="javascript:void(0);">超级电视</a></dd>
							<dd><a href="javascript:void(0);">超级手机</a></dd>
							<dd><a href="javascript:void(0);">智能硬件</a></dd>
							<dd><a href="javascript:void(0);">移动周边</a></dd>
							<dd><a href="javascript:void(0);">乐视会员</a></dd>
						</dl>
						<dl>
							<dt>生态服务</dt>
							<dd><a href="javascript:void(0);">生态头条</a></dd>
							<dd><a href="javascript:void(0);">乐迷社区</a></dd>
							<dd><a href="javascript:void(0);">比一比</a></dd>
							<dd><a href="javascript:void(0);">问一问</a></dd>
						</dl>
						<dl>
							<dt>帮助中心</dt>
							<dd><a href="javascript:void(0);">新手入门</a></dd>
							<dd><a href="javascript:void(0);">订单服务</a></dd>
							<dd><a href="javascript:void(0);">物流服务</a></dd>
							<dd><a href="javascript:void(0);">售后政策</a></dd>
							<dd><a href="javascript:void(0);">安装保修</a></dd>
							<dd><a href="javascript:void(0);">自助服务</a></dd>
						</dl>
						<dl>
							<dt>服务支持</dt>
							<dd><a href="javascript:void(0);">线下体验厅</a></dd>
							<dd><a href="javascript:void(0);">线下LePar店</a></dd>
							<dd><a href="javascript:void(0);">售后服务网点</a></dd>
							<dd><a href="javascript:void(0);">销售联盟</a></dd>
							<dd><a href="javascript:void(0);">分享邀请</a></dd>
							<dd><a href="javascript:void(0);">乐码通道</a></dd>
						</dl>
						<dl>
							<dt>关于乐视中心</dt>
							<dd><a href="javascript:void(0);">公司介绍</a></dd>
							<dd><a href="javascript:void(0);">联系我们</a></dd>
							<dd><a href="javascript:void(0);">加入我们</a></dd>
							<dd><a href="javascript:void(0);">关注我们</a></dd>
						</dl>
					</div>
					<div class="r">
						<div class="tel">
							<p>1010-9000</p>
							7*24小时客服电话
						</div>
						<a href="javascript:void(0);">在线客服9:00-22:00</a>
					</div>
				</div>
				
				<!--友情链接开始-->
				<div class="frelink clear">
					<h4><a href="javascript:void(0);">友情链接：</a></h4>
					<ul>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
					</ul>
				</div>
				<!--友情链接      结束-->
				
				<!--版权层开始-->
				<div class="corit">
                    <div class="selected">
                        <a class="cou" href="javascript:void(0)">
                            <i class="china cp"></i>
                            <span class="">中国站</span>
                        </a>
                        <ul>
	                        <li>
	                            <a target="_blank" href="http://hk.lemall.com" action="0" category="5">
	                                <i class="hongkong cp"></i>
	                                <span calss="">Hong Kong</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a target="_blank" href="http://us.lemall.com/us/" action="0" category="5">
	                                <i class="usa cp"></i>
	                                <span calss="">U.S.A</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a target="_blank" href="http://in.lemall.com/in/" action="0" category="5">
	                                <i class="india cp"></i>
	                                <span calss="">India</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a target="_blank" href="http://www.lemall.ru" action="0" category="5">
	                                <i class="russia cp"></i>
	                                <span calss="">Russia</span>
	                            </a>
	                        </li>
	
	                    </ul>
                    </div>
                    
                    <div class="copy over">Copyright © 2004-2017 乐视电子商务(北京)有限公司 All rights reserved. 京ICP备16033412号-1 网络文化经营许可证文网文[2009]221号
                    </div>
                    
                    <div class="r">
						<a href="https://credit.szfw.org/CX20170524038176860685.html?ref=cn:yw_rz" target="_blank" ref="cn:yw_rz">
							<img src="//img0-lemall.letvimg.com/le-cloud/s-pc/resource/img/201706/1497594833385.png@imageview/3/p/100" border="0">
						</a>
					</div>
				</div>
				<!--版权层    结束-->
			</div>
		</div>
		<!--页脚       结束-->
		
		<!--右侧浮动功能栏    start-->
        <div id="funclist">
			<!-- 购物车 -->
		    <div class="shopping gen" style="display: block;">
		  		<a href="shop.html" target="_blank" class="tubiao"><i class="fonticon f1 spe"></i></a>
		      	<div class="shop_show sh" style="display: none;">
					<div class="ico">购物车</div>
				</div>
		  	</div>
		
		  	<!-- 百度分享 -->
			<div class="baidu gen" style="display: block;">
				<a href="javascript:void(0);" class="tubiao"><i class="fonticon f2"></i></a>
	      		<div class="share_show sh" style="display: none;">
					<div class="alist clear">
		               <a title="分享到腾讯微博" href="javascript:void(0);" class="weibo">腾讯微博</a>
		               <a title="分享到QQ好友" href="javascript:void(0);" class="qq">Q&nbsp;&nbsp;Q</a>
		               <a title="分享到微信" href="javascript:void(0);" class="weixin">微信</a>
		               <a title="分享到QQ空间" href="javascript:void(0);" class="qzone">QQ空间</a>
		               <a title="分享到新浪微博" href="javascript:void(0);" class="tsina">新浪微博</a>
					</div>
				</div>
			</div>
		
			<!-- 招募令 -->
		    <div class="zhaomu gen" tyle="display: block;">
				<a href="javascript:void(0);" target="_blank" class="tubiao"><i class="fonticon f3"></i></a>
		      	<div class="ling_show sh" style="display: none;">
					<div class="ico">招募令</div>
				</div>
			</div>
		
		  	<!-- 在线客服 -->
		    <div class="kefu gen" style="display: block;">
				<a href="javascript:void(0);" target="_blank" class="tubiao"><i class="fonticon f4"></i></a>
		      	<div class="kefu_show sh" style="display: none;">
					<div class="ico">在线客服</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var oGen=document.getElementsByClassName('gen');
			var oSh=document.getElementsByClassName('sh');
			for(var i=0;i<oGen.length;i++){
				oGen[i].index=i;
				oGen[i].onmouseover=function(){
					oSh[this.index].style.display="block";
					this.onmouseout=function(){
						for(var j=0;j<oGen.length;j++){
							oSh[j].style.display="none";
						}
					}
				}
			}
		</script>
        <!--右侧浮动功能栏    end-->
		
		
		
		<!--返回顶部按钮-->
		<div id="retop">
			<div class="kuang">
				<a href="javascript:void(0)" class="tubiao"><i></i></a>
			</div>
		</div>
		
		<!--商品溢出确认弹窗-->
		<section id="my_model">
	        <p class="title">删除宝贝<span class="closeModel">X</span></p>
	        <p>您确认要删除该宝贝吗？</p>
	        <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
	    </section>
		<!--商品溢出确认弹窗-->
		
	</body>
</html>
